<template>
    <div class="onlineFilingXw">
        <div class="topBg">
            <van-nav-bar title="产品详情">
                <template #left>
                    <div class="headerLeftBtn">
                        <van-icon size=".48rem" color="#ffffff" name="arrow-left" />
                        <van-icon size=".48rem" color="#ffffff" name="cross" style="margin-left: .15rem;" />
                    </div>
                </template>
            </van-nav-bar>
        </div>
        <div class="content">
            <img src="@/assets/images/img7.png" style="width: 100%;" alt="">
            <div class="formTip">
                <van-checkbox v-model="checked">我已阅读并同意<span>《移动云产品销售协议》《云安全中心服务等级协议》《云安全中心服务使用声明》</span></van-checkbox>
            </div>
            <div class="btns">
                <van-button round block type="default" @click="handleCancel">取消</van-button>
                <van-button round block type="info" @click="handleSubmit">去支付</van-button>
            </div>
        </div>
        <van-action-sheet v-model="immediateFlag" title="云安全订购">
            <div class="contentImmediate">
                <div class="immediateContent">
                    <img style="width: 2.45rem;" src="@/assets/images/img9.png" alt="">
                </div>
                <div class="footerImmediate">
                    <img @click="handlePayment" style="width: 6.7rem" src="@/assets/images/img10.png" alt="">
                    <img @click="handlePayment" style="width: 6.7rem" src="@/assets/images/img11.png" alt="">
                    <img @click="handlePayment" style="width: 6.7rem" src="@/assets/images/img12.png" alt="">
                </div>
            </div>
        </van-action-sheet>
    </div>
</template>
<script>
export default {
    name: 'authManage',
    data() {
        return {
            checked: false,
            immediateFlag: false
        }
    },
    methods: {
        afterRead(file) {
            this.fileInfo.name = "授权证书.docx"
        },
        handleSubmit() {
            this.immediateFlag = true
            // this.$toast.success('建档资料已提交');
        },
        handleCancel() {
            this.$router.go(-1)
        },
        confirmOrder() {

        },
        getInfo() {
            console.log("34234")
            this.enterpriseForm.username = "张三"
            this.enterpriseForm.code = "123513234124124"
        },
        startVerification() {
            this.status = 1;
            this.$toast.success("验证成功")
        },
        handlePayment() {
            this.$router.push('/businessPaySuccess')
        }
    },
}
</script>

<style lang="less" scoped>
.onlineFilingXw {
    position: relative;
    overflow: auto;
}

.content {
    width: 100%;
    position: absolute;
    top: 1.1rem;
    padding: 0 .2rem;
}

.formTip {
    width: 6.45rem;
    font-weight: normal;
    line-height: 0.4rem;
    text-align: left;
    font-style: normal;
    margin-top: .28rem;
    margin-bottom: 1.6rem;

    /deep/ .van-checkbox__label {
        font-size: 0.28rem;
        color: #666666;
    }

    span {
        color: #2892FF;
    }
}

.btns {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    margin-top: .2rem;
    width: 100%;
    height: 1.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .2rem;

    button {
        width: 3.14rem;
        height: .72rem;
        border-radius: 0.2rem;
        font-size: 0.32rem;

        &:first-child {
            background: #E9F4FF;
            color: #2892FF;
            border: 0 !important;
        }
    }
}
.contentImmediate {
    .immediateContent {
        text-align: center;
        margin-top: .28rem;
    }
    .footerImmediate {
        text-align: center;
    }
}
</style>